<template>
  <div class="HomePage">
    <Carousel/>
    <Attention/>
    <Introduction/>
  </div>
</template>


<script>
import Carousel from "./components/Carousel"
import Introduction from "./components/Introduction";
import Attention from "./components/Attention";
  export default {
    name:"HomePage",
    components: {
      Attention,
      Introduction,
      Carousel
    },
    mounted() {

    }
  }
</script>


<style scoped lang="stylus">
.HomePage
  width 100%
  margin 70px 0 auto
</style>
